<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>优永动助手 - 电子账单</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/css/blog.css">
    <style>
        .tiaojian-btn {
            font-size: 70px;
        }

        .ezhangdan-main {
            background-color: #efefef;
            min-height: 1800px;
        }

        .jiaoyijilu-box {
            background-color: #fff;
            width: 98%;
            margin-left: 1%;
            border-radius: 30px;
            margin-bottom: 10px;
            margin-top: 50px;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .left-touxiang {
            background-color: rgba(220, 220, 220, 0.25);
            width: 180px;
            height: 180px;
            border-radius: 90px;
            margin-left: 16px;
        }

        .mairumaichu-mairu {
            font-size: 42px;
            font-weight: 700;
            color: green;

        }

        .mairumaichu-maichu {
            font-size: 42px;
            font-weight: 700;
            color: #ee2f32;

        }

        .bizhongname {
            font-size: 42px;
            font-weight: 700;
        }

        .pingtai {
            font-size: 38px;
            color: blue;
        }

        .jilutime {
            font-size: 32px;
            color: grey;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .jilu-title-left {
            font-size: 34px;
            color: darkgrey;
        }

        .jilu-title-right {
            font-size: 34px;
            word-break: break-all;
        }

        .jiaolu-info-item {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .endtip {
            font-size: 34px;
            color: grey;
            text-align: center;
            padding-top: 120px;
            padding-bottom: 50px;
        }

        .yingli-box {
            height: 220px;
            margin-top: 50px;
            border-radius: 20px;
            background-color: #009f00;
            font-size: 36px;
            color: white;
            width: 46%;
            margin-left: 2%;
            background-image: url('../images/zhangdanbgcun.jpg');
            background-repeat: no-repeat;
            background-size: 100% 100%;

        }

        .yiingli-title {
            line-height: 120px;
        }

        .yingli-info {
            line-height: 90px;
            font-weight: 700;
            font-size: 42px;
        }

        .y-box {
            padding-left: 30px;

        }

        .for-right {
            margin-left: 5%;
        }

    </style>
</head>
<body>

<div class="layui-row search-main log-title">

    <div class="layui-col-xs2" onclick="history.go(-1)">
        <i class="layui-icon layui-icon-left return-btn"></i>
    </div>

    <div class="layui-col-xs4 layui-col-xs-offset2">电子账单</div>


    <div class="layui-col-xs1 layui-col-xs-offset2">
        <i class="layui-icon layui-icon-search tiaojian-btn"></i>
    </div>

</div>


<div class="layui-row blog-main ezhangdan-main">


    <div class="layui-row" th:if="${showyingli}==1">

        <div class="layui-col-xs6 yingli-box" th:style="'background-image:url(../'+${zhangdanleft.address}+')'">
            <div class="y-box">
                <div class="layui-row yiingli-title">今日盈利(USDT)</div>
                <div class="layui-row yingli-info"
                     th:text="${#numbers.formatDecimal(today,1,6)}==null?'0':${#numbers.formatDecimal(today,1,6)}">
                    0.000000
                </div>
            </div>

        </div>

        <div class="layui-col-xs6 yingli-box for-right" onclick="everydayYinli()"
             th:style="'background-image:url(../'+${zhangdanright.address}+')'">
            <div class="y-box">
                <div class="layui-row yiingli-title">累计盈利(USDT)</div>
                <div class="layui-row yingli-info"
                     th:text="${#numbers.formatDecimal(allyingli,1,6)}==null?'0':${#numbers.formatDecimal(allyingli,1,6)}">
                    0.000000
                </div>
            </div>
        </div>

    </div>

    <div class="layui-row jiaoyijilu-box" th:each="jiaoyijilu:${jiaoyijiluDOS}">
        <div class="layui-col-xs3">
            <div class="left-touxiang"></div>
        </div>


        <div class="layui-col-xs7">
            <div class="layui-row">
                <div th:class="${jiaoyijilu.jiaoyitype}==0?'layui-col-xs4 mairumaichu-mairu':'layui-col-xs4 mairumaichu-maichu'"
                     th:text="${jiaoyijilu.jiaoyitype}==0?'买入':'卖出'"></div>
                <div class="layui-col-xs8 bizhongname" th:text="${jiaoyijilu.bizhongname}">ETH/USDT</div>
            </div>

            <div class="layui-row jilutime" th:text="${#dates.format(jiaoyijilu.createtime,'yyyy-MM-dd HH:mm:ss')}">
                时间：2021-02-03 12:30:00
            </div>

            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">订单编号：</div>
                <div class="layui-col-xs8 jilu-title-right" th:text="${jiaoyijilu.orderno}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">下单数量：</div>
                <div class="layui-col-xs8 jilu-title-right"
                     th:text="${#numbers.formatDecimal(jiaoyijilu.xiadanshuliang,1,10)}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">下单限价：</div>
                <div class="layui-col-xs8 jilu-title-right" th:text="${jiaoyijilu.xiadanxianjia}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">成交数量：</div>
                <div class="layui-col-xs8 jilu-title-right"
                     th:text="${#numbers.formatDecimal(jiaoyijilu.chengjiaoshuliang,1,10)}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">成交金额：</div>
                <div class="layui-col-xs8 jilu-title-right"
                     th:text="${#numbers.formatDecimal(jiaoyijilu.chengjiaojine,1,10)}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">成交均价：</div>
                <div class="layui-col-xs8 jilu-title-right"
                     th:text="${#numbers.formatDecimal(jiaoyijilu.chengjiaojunjia,1,10)}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">手续费：</div>
                <div class="layui-col-xs8 jilu-title-right"
                     th:text="${#numbers.formatDecimal(jiaoyijilu.shouxufei,1,10)}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">购买次数：</div>
                <div class="layui-col-xs8 jilu-title-right" th:text="${jiaoyijilu.bucangcishu}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">盈利：</div>
                <div class="layui-col-xs8 jilu-title-right"
                     th:text="${#numbers.formatDecimal(jiaoyijilu.yingli,1,10)}"></div>
            </div>
            <div class="layui-row jiaolu-info-item">
                <div class="layui-col-xs4 jilu-title-left">备注：</div>
                <div class="layui-col-xs8 jilu-title-right" th:text="${jiaoyijilu.beizhu}"></div>
            </div>


        </div>


        <div class="layui-col-xs2 pingtai">
            火币
        </div>

    </div>

    <div class="layui-row endtip">没有更多了</div>

    <input type="hidden" id="fresh" value="0">

    <input type="hidden" id="jiaoyitype" value="">
    <input type="hidden" id="bizhongname" value="0">
    <input type="hidden" id="startdate" value="0">
    <input type="hidden" id="enddate" value="0">

</div>

<script>
    $(function () {
        $(".tiaojian-btn").click(function () {

            layui.use('layer', function () {
                var layer = layui.layer;
                //prompt层

                layer.open({
                    type: 2,
                    title: '筛选交易记录',
                    shadeClose: true,
                    shade: 0.8,
                    area: ['90%', '58%'],
                    content: '/jiaoyijilu/tiaojianPage',
                    end: function () {
                        if ($("#fresh").val() == 1) {
                            //window.location = "/ezhangdan";
                            var jiaoyitype = $("#jiaoyitype").val();

                            var bizhongname = $("#bizhongname").val();

                            var startdate = $("#startdate").val();

                            var enddate = $("#enddate").val();

                            window.location = "/ezhangdan?jiaoyitype=" + jiaoyitype + "&bizhongname=" + bizhongname
                                + "&startdate=" + startdate + "&enddate=" + enddate;

                        }

                    }
                });

            });

        });
    });


    function everydayYinli() {
        window.location = "/ezhangdan/everydayYinli";
    }
</script>
</div>
</body>
</html>